<!--
 * @Description: 
 * @Author: charles
 * @Date: 2021-07-19 10:03:59
 * @LastEditors: Please set LastEditors
 * @LastEditTime: 2021-08-05 09:50:54
-->
<template>
  <!-- 底部 -->
    <div class="footer">
      <div class="address">
       {{address}}
      </div>
      <div class="copyright">
        <div class="wrapper">
          <div class="left">版权所有：山西农业大学教务部<br />  
电话：0354-6288226   邮编：030801   邮箱：jwc@sxau.edu.cn<br />
地 址：山西省晋中市太谷区山西农业大学教学管理楼二层</div>
          <div class="center">
            <div style="float:left;margin-left:150px;margin-top:10px">
            <img border="0" src="../../../img/img-code.png" alt="" width="100px;" height="100px;">
          </div>
          </div>
          <div class="right">非经营性互联网信息服务审批号 (晋)ICP备05000473号<br/> 
     <img src="../../../img/img-jinghui.png" alt=""> 晋公网安备14072602000114号</div>
        </div>
       
      </div> 
    </div>
    <!-- /底部 -->
</template>
<script>
import { get } from '../../utils/request'
export default {
  data(){
    return {
      address:""
    }
  },
  methods:{
    loadAddress(){
      let url = '/index/findByKey'
      let param = {name:"address"};
      get(url,param).then(resp => {
        let data = resp.data;
        if(data){
          this.address =  data.val;
        }
      })
    }
  },
  created(){
    this.loadAddress();
  }
}
</script>

<style lang="scss" scoped>
 // 底部样式
 $color_primary:#0B6887;
.footer{
  height: 120px;
    background-color: $color_primary;
    color: #fff;
& > .wrapper::after {
      display:  block;
      content:'';
      clear:both;
    }
    .left,.right {
      line-height: 3em;
      font-size: 10px;
    }
    .left {
      float:left;
      padding:5px;
    }
    .right {
      float: right;
      margin-top: 20px;
    }
    .center{
      background-position: center;
      }
  }
</style>